<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>小日子</title>
  <!-- 初始化样式 -->
  <link rel="stylesheet" href="../css/common.css">
  <!-- 详情界面样式 -->
  <link rel="stylesheet" href="../css/detail.css">
  <!-- 字体图标样式 -->
  <link rel="stylesheet" href="../fonts/detail/iconfont.css">
</head>

<body>
  <div class="tencent">

    <!-- 顶部start -->
    <div class="app-top">

      <!-- 左侧 -->
      <div class="top-left">
        <div class="logo">
          <h1>
            <a href="index.html" title="腾讯视频">腾讯视频</a>
          </h1>
        </div>
        <ul>
          <li><a href="#" data-id="0">全部</a></li>
          <li><a href="#" class="active" data-id="1">电视剧</a></li>
          <li><a href="#" data-id="2">综艺</a></li>
          <li><a href="#" data-id="3">电影</a></li>
          <li><a href="#" data-id="4">动漫</a></li>
          <li><a href="#" data-id="5">少儿</a></li>
          <li><a href="#" data-id="6">纪录片</a></li>
        </ul>
      </div>

      <!-- 右侧 -->
      <div class="top-right">
        <div class="search">
          <input type="text" placeholder="小日子">
          <i class="iconfont icon-sousuo"></i>
          <i class="iconfont icon-resoubang_0912"></i>
          <div class="search-button">
            <i class="iconfont icon-sousuo"></i>
            <span>全网搜</span>
          </div>
        </div>
        <!-- 用户应用 -->
        <div class="user-nav">
          <div class="vip">
            <a href="#"><i class="iconfont icon-gonggong-VIP" title="VIP频道"></i></a>
          </div>
          <div class="game">
            <a href="#"><i class="iconfont icon-youxiji" title="游戏"></i></a>
          </div>
          <div class="record">
            <a href="#"><i class="iconfont icon-lishijilu"></i></a>
          </div>
          <div class="createcenter">
            <a href="#"><i class="iconfont icon-record-video" title="创作中心"></i></a>
          </div>
          <div class="version">
            <a href="#"><i class="iconfont icon-diannao"></i></a>
          </div>
          <div class="user">
            <a href="#">
              <img src="../images/user-box/portrait.jpg" alt="">
            </a>
          </div>
          <div class="triangle"></div>
          <div class="user-detail">
            <div class="user-detail-top">
              <span>登录之后可以</span>
            </div>
            <ul class="user-detail-middle">
              <li><img src="../images/user-box/img01.jpg" alt=""><span title="同步多端观看记录">同步多端观看记录</span></li>
              <li><img src="../images/user-box/img02.jpg" alt=""><span title="参与互动讨论">参与互动讨论</span></li>
              <li><img src="../images/user-box/img03.jpg" alt=""><span title="观看更个性化内容">观看更个性化内容</span></li>
              <li><img src="../images/user-box/img04.jpg" alt=""><span title="领取专属游戏礼包">领取专属游戏礼包</span></li>
            </ul>
            <div class="user-detail-bottom">
              <span>立即登录</span>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="background-shadow">
      <!-- 登录框 -->
      <div class="box">
        <header class="box-header">
          <i class="iconfont icon-xiangzuolajiantou"></i>
          <span>QQ账号登录</span>
          <i class="iconfont icon-shanchu"></i>
        </header>
        <h3>登录后高清播放更流畅</h3>
        <div class="box-body">
          <article>
            <h4>密码登录</h4>
            <p>推荐使用<a href="#">快捷登录</a>,防止盗号</p>
            <input type="text" placeholder="支持QQ号/邮箱/手机号登录">
            <input type="password" placeholder="请输入密码">
            <button>登录</button>
            <div class="function">
              <a href="#">找回密码</a>
              <a href="#">注册账号</a>
              <a href="#">意见反馈</a>
            </div>
          </article>
          <aside>
            <ul>
              <li>
                <input type="checkbox" id="all" checked>
                <label for="all">全选 <a href="index.html">腾讯视频</a> 将获取以下权限:</label>
              </li>
              <li>
                <input type="checkbox" id="information" checked disabled>
                <label for="information">使用你的QQ头像、昵称信息</label>
              </li>
            </ul>
            <p>授权即同意<a href="#">服务协议</a>和<a href="#">QQ隐私保护指引</a></p>
          </aside>
        </div>
      </div>
    </div>

    <!-- 版心 -->
    <div class="w">
      <!-- 左侧 -->
      <div class="body-left">
        <!-- 视频 -->
        <div class="video">
          <video src="../images/video.mp4"></video>
          <div class="controls">
            <div class="video-progress">
              <div class="video-progress-text">
                <div class="progress-start">0:00</div>
                <div class="progress-end">0:03</div>
              </div>
              <div class="video-progress-list">
                <div class="video-progress-bar"></div>
              </div>
            </div>
            <div class="video-box-controls">
              <div class="video-left">
                <div class="playPauseBtn">
                  <i class="iconfont icon-bofang bofang"></i>
                  <i class="iconfont icon-zanting zanting" style="display:none;"></i>
                </div>
                <div class="danmuBtn">
                  <i class="iconfont icon-bofangqi-danmukai kai" style="display:none;"></i>
                  <i class="iconfont icon-bofangqi-danmuguan guan"></i>
                </div>
              </div>
              <div class="video-right">
                <div class="speed-options">
                  <div class="speed-text">倍速</div>
                  <div class="speed-box-container">
                    <div class="speed-box" data-rate="0.5">0.5X</div>
                    <div class="speed-box active" data-rate="1">1X</div>
                    <div class="speed-box" data-rate="1.5">1.5X</div>
                    <div class="speed-box" data-rate="2">2X</div>
                  </div>
                </div>
                <div class="voice">
                  <div class="voiceBtn">
                    <i class="iconfont icon-yinliang open"></i>
                    <i class="iconfont icon-jingyin close" style="display:none;"></i>
                  </div>
                  <div class="voice-box">
                    <span>50</span>
                    <input type="range" class="volumeControl" value="50">
                  </div>
                </div>
                <div class="small-window">
                  <i class="iconfont icon-huazhonghua"></i>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 用户评价 -->
        <div class="comment-page">
          <header>
            <h4>用户评价</h4>
            <div class="pages">
              <i class="iconfont icon-xiangzuolajiantou" style="color: rgba(255, 255, 255, .2);"></i>
              <span style="color: rgba(255, 255, 255, .6);">1</span>
              <i class="iconfont icon-xiangyoulajiantou" style="color: rgba(255, 255, 255, .6);"></i>
            </div>
          </header>
          <article>
            <section>
              <div class="rating">
                <span>腾讯视频评分</span>
                <span>8.7</span>
                <span>3.0万人点评</span>
              </div>
              <div class="chart">
                <div class="chart-text">
                  <span>强烈推荐</span>
                  <span>力荐</span>
                  <span>推荐</span>
                  <span>一般推荐</span>
                  <span>不推荐</span>
                </div>
                <div class="chart-percent">
                  <div class="chart-container">
                    <div class="chart-bar" style="width: 62.0904%;"></div>
                  </div>
                  <div class="chart-container">
                    <div class="chart-bar" style="width: 13.7774%;"></div>
                  </div>
                  <div class="chart-container">
                    <div class="chart-bar" style="width: 15.1114%;"></div>
                  </div>
                  <div class="chart-container">
                    <div class="chart-bar" style="width: 5.84455%;"></div>
                  </div>
                  <div class="chart-container">
                    <div class="chart-bar" style="width: 3.17621%;"></div>
                  </div>
                </div>
              </div>
              <i class="iconfont icon-bangzhu"></i>
            </section>
            <section>
              <div class="comment-user">
                <div class="comment-user-left">
                  <img src="../images/user-portrait/user01.jpg" alt="">
                  <span>勾勒</span>
                </div>
                <div class="comment-user-right">
                  <div class="pentacle">
                    <ul>
                      <li><i class="iconfont icon-shiwujiaoxing active"></i></li>
                      <li><i class="iconfont icon-shiwujiaoxing active"></i></li>
                      <li><i class="iconfont icon-shiwujiaoxing active"></i></li>
                      <li><i class="iconfont icon-shiwujiaoxing active"></i></li>
                      <li><i class="iconfont icon-shiwujiaoxing active"></i></li>
                    </ul>
                  </div>
                  <span class="active">强烈推荐</span>
                </div>
              </div>
              <div class="comment-text">陈晓的演技一直都很在线，长得也帅 谁能拒绝陈晓的魅力呀！迷死我了</div>
              <div class="comment-time">累计观看时长小于1小时</div>
            </section>
            <section>
              <div class="comment-user">
                <div class="comment-user-left">
                  <img src="../images/user-portrait/user02.jpg" alt="">
                  <span>无敌又俊朗</span>
                </div>
                <div class="comment-user-right">
                  <div class="pentacle">
                    <ul>
                      <li><i class="iconfont icon-shiwujiaoxing active"></i></li>
                      <li><i class="iconfont icon-shiwujiaoxing active"></i></li>
                      <li><i class="iconfont icon-shiwujiaoxing active"></i></li>
                      <li><i class="iconfont icon-shiwujiaoxing active"></i></li>
                      <li><i class="iconfont icon-shiwujiaoxing active"></i></li>
                    </ul>
                  </div>
                  <span class="active">强烈推荐</span>
                </div>
              </div>
              <div class="comment-text">全员演技都特别好，流畅自然，全是实力派。剧情进展迅速不拖沓，难得的好剧。</div>
              <div class="comment-time">累计观看时长小于1小时</div>
            </section>
            <section>
              <div class="comment-user">
                <div class="comment-user-left">
                  <img src="../images/user-portrait/user03.jpg" alt="">
                  <span>David</span>
                </div>
                <div class="comment-user-right">
                  <div class="pentacle">
                    <ul>
                      <li><i class="iconfont icon-shiwujiaoxing active"></i></li>
                      <li><i class="iconfont icon-shiwujiaoxing active"></i></li>
                      <li><i class="iconfont icon-shiwujiaoxing"></i></li>
                      <li><i class="iconfont icon-shiwujiaoxing"></i></li>
                      <li><i class="iconfont icon-shiwujiaoxing"></i></li>
                    </ul>
                  </div>
                  <span class="active">一般推荐</span>
                </div>
              </div>
              <div class="comment-text">题材确实都不错，演的有点一言难尽，包括有的剧情，看起来一般，很一般</div>
              <div class="comment-time">累计观看时长小于1小时</div>
            </section>
          </article>
        </div>
        <!-- 本剧演员 -->
        <div class="actor">
          <header>
            <h4>本剧演员</h4>
            <div class="pages">
              <i class="iconfont icon-xiangzuolajiantou" style="color: rgba(255, 255, 255, .2);"></i>
              <span style="color: rgba(255, 255, 255, .6);">1</span>
              <i class="iconfont icon-xiangyoulajiantou" style="color: rgba(255, 255, 255, .6);"></i>
            </div>
          </header>
          <article>
            <div class="actor-avatar">
              <ul>
                <li>
                  <div class="basic-information">
                    <img src="../images/actor/01-/01.jpg" alt="" class="active-border">
                    <span class="active-text">陈晓</span>
                  </div>
                  <div class="arrow"></div>
                </li>
                <li>
                  <div class="basic-information">
                    <img src="../images/actor/02-/02.jpg" alt="">
                    <span>童瑶</span>
                  </div>
                  <div class="arrow" style="display:none;"></div>
                </li>
                <li>
                  <div class="basic-information">
                    <img src="../images/actor/03-/03.jpg" alt="">
                    <span>萨日娜</span>
                  </div>
                  <div class="arrow" style="display:none;"></div>
                </li>
                <li>
                  <div class="basic-information">
                    <img src="../images/actor/04-/04.jpg" alt="">
                    <span>颖儿</span>
                  </div>
                  <div class="arrow" style="display:none;"></div>
                </li>
                <li>
                  <div class="basic-information">
                    <img src="../images/actor/05-/05.jpg" alt="">
                    <span>乔振宇</span>
                  </div>
                  <div class="arrow" style="display:none;"></div>
                </li>
                <li>
                  <div class="basic-information">
                    <img src="../images/actor/06-/06.jpg" alt="">
                    <span>俞灏明</span>
                  </div>
                  <div class="arrow" style="display:none;"></div>
                </li>
                <li>
                  <div class="basic-information">
                    <img src="../images/actor/07-/07.jpg" alt="">
                    <span>杜海涛</span>
                  </div>
                  <div class="arrow" style="display:none;"></div>
                </li>
              </ul>
            </div>
            <div class="actor-work">
              <div class="item">
                <div class="item-img">
                  <img src="../images/actor/01-/pic01.jpg" alt="">
                  <span class="item-type">VIP</span><span class="item-episode">更新至20集</span>
                </div>
                <span class="work-title">小日子</span>
              </div>
              <div class="item">
                <div class="item-img">
                  <img src="../images/actor/01-/pic02.jpg" alt="">
                  <span class="item-type"
                    style="background-image:linear-gradient(to right,#e06738,#e49e6b)">独播</span><span
                    class="item-episode">全40集</span>
                </div>
                <span class="work-title">梦华录</span>
              </div>
              <div class="item">
                <div class="item-img">
                  <img src="../images/actor/01-/pic03.jpg" alt="">
                  <span class="item-type">VIP</span><span class="item-episode">全36集</span>
                </div>
                <span class="work-title">云襄转</span>
              </div>
              <div class="item">
                <div class="item-img">
                  <img src="../images/actor/01-/pic04.jpg" alt="">
                  <span class="item-type">VIP</span><span class=" item-episode">全74集</span>
                </div>
                <span class="work-title">那年花开月正圆</span>
              </div>
              <div class="item">
                <div class="item-img">
                  <img src="../images/actor/01-/pic05.jpg" alt="">
                  <span class="item-type"
                    style="background-image:linear-gradient(to right,#e06738,#e49e6b)">独播</span><span
                    class="item-episode">全54集</span>
                </div>
                <span class="work-title">神雕侠侣</span>
              </div>
              <div class="item">
                <div class="item-img">
                  <img src="../images/actor/01-/pic06.jpg" alt="">
                  <span class="item-type"
                    style="background-image:linear-gradient(to right,#e06738,#e49e6b)">独播</span><span
                    class="item-episode">全59集</span>
                </div>
                <span class="work-title">陆贞传奇</span>
              </div>
              <div class="item">
                <div class="item-img">
                  <img src="../images/actor/01-/pic07.jpg" alt="">
                  <span class="item-type">VIP</span><span class="item-episode">全50集</span>
                </div>
                <span class="work-title">独孤皇后</span>
              </div>
            </div>
          </article>
        </div>
        <!-- 发言讨论 -->
        <div class="discussion">
          <h3>讨论<span class="cmtCount">9234</span></h3>
          <div class="speak">
            <div class="avatar">
              <img src="../images/user-box/portrait.jpg" alt="">
            </div>
            <div class="long">
              <div class="login">登录后可发言</div>
              <div class="login-text">分享我的看法</div>
            </div>
            <div class="textarea">
              <textarea placeholder="简单说两句吧，分享你的观剧感受"></textarea>
              <div class="textarea-footer">
                <span>0/999</span>
                <button>发布</button>
              </div>
            </div>
            <div class="write">
              <i class="iconfont icon-xiechangwen"></i>
              <span>写长文</span>
            </div>
          </div>
          <div class="condition">
            <span class="active">热门</span>
            <span>最新</span>
          </div>
          <div class="cmtContainer">
            <div class="parent">
              <div class="parent-avadar">
                <img src="../images/user-portrait/user01.jpg" alt="">
                <span class="parent-name">勾勒</span>
                <span class="time-place">03-16·广东</span>
              </div>
              <div class="parent-main">
                <div class="parent-text">陈晓的演技一直都很在线，长得也帅 谁能拒绝陈晓的魅力呀！迷死我了</div>
                <div class="parent-function">
                  <div class="like">
                    <i class="iconfont icon-aixin1"></i>
                    <span>点赞</span>
                  </div>
                  <div class="comment">
                    <i class="iconfont icon-pinglun"></i>
                    <span>评论</span>
                  </div>
                  <div class="delete">
                    <i class="iconfont icon-shanchu1"></i>
                    <span>删除</span>
                  </div>
                </div>
              </div>
              <div class="children">
                <div class="child">
                  <div class="child-avadar">
                    <span class="child-name">勾勒</span>
                    <span class="time-place">03-16·广东</span>
                  </div>
                  <div class="child-main">
                    <div class="child-text">陈晓的演技一直都很在线，长得也帅 谁能拒绝陈晓的魅力呀！迷死我了</div>
                    <div class="child-function">
                      <div class="like">
                        <i class="iconfont icon-aixin1"></i>
                        <span>点赞</span>
                      </div>
                      <div class="comment">
                        <i class="iconfont icon-pinglun"></i>
                        <span>评论</span>
                      </div>
                      <div class="delete">
                        <i class="iconfont icon-shanchu1"></i>
                        <span>删除</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 右侧 -->
      <div class="body-right">
        <div class="body-right-container">
          <!-- 详情 -->
          <div class="detail">
            <div class="playlist-intro">
              <div class="playlist-intro-left">
                <img src="../images/actor/01-/pic01.jpg" alt="">
              </div>
              <div class="playlist-intro-right">
                <div class="playlist-intro-title">
                  <h2>小日子</h2>
                  <div class="playlist-intro-detail">
                    <span>简介</span>
                    <i class="iconfont icon-xiangyoulajiantou"></i>
                  </div>
                </div>
                <div class="playlist-intro-type">
                  <i class="iconfont icon-redu"></i>
                  <span>22583·内地·2024·婚姻生活</span>
                </div>
                <div class="playlsit-intro-actor">陈晓 童瑶 萨日娜 颖儿 乔振宇 俞灏明</div>
                <div class="playlist-intro-episode">更新至06集·全26集</div>
              </div>
            </div>
            <div class="playlist-update">会员周日到周四19点30分更新2集,周五六更新1集,首更4集,SVIP每日提前看2集·<a>追剧日历<i
                  class="iconfont icon-xiangyoulajiantou"></i></a></div>
            <div class="playlist-action">
              <i class="iconfont icon-menu-left"></i>
              <i class="iconfont icon-pinglun1"></i>
              <i class="iconfont icon-gengduo"></i>
            </div>
            <div class="playlist">
              <ul>
                <li class="active"><span class="num">1</span></li>
                <li><span class="num">2</span><span class="tag orange">预</span></li>
                <li><span class="num">3</span><span class="tag orange">预</span></li>
                <li><span class="num">4</span><span class="tag orange">预</span></li>
                <li><span class="num">2</span><span class="tag yellow">VIP</span></li>
                <li><span class="num">3</span><span class="tag yellow">VIP</span></li>
                <li><span class="num">4</span><span class="tag yellow">VIP</span></li>
                <li><span class="num">5</span><span class="tag yellow">SVIP</span></li>
                <li><span class="num">6</span><span class="tag yellow">SVIP</span></li>
                <li><span class="num">5</span><span class="tag orange">预</span></li>
                <li><span class="num">6</span><span class="tag orange">预</span></li>
                <li><span class="num">7</span><span class="tag orange">预</span></li>
                <li><span class="num">8</span><span class="tag orange">预</span></li>
              </ul>
            </div>
          </div>
          <!-- 周边短视频 -->
          <div class="others">
            <h2>周边短视频</h2>
            <div class="condition others-text">
              <span class="active">花絮咨询</span>
              <span>更多短视频</span>
            </div>
            <div class="short-video">
              <ul>
                <li>
                  <div class="short-video-img">
                    <img src="../images/other-video/01.jpg" alt="">
                    <span>01:40</span>
                  </div>
                  <span title="【花絮】顾茉莉爆改拳击女王">【花絮】顾茉莉爆改拳击女王</span>
                </li>
                <li>
                  <div class="short-video-img">
                    <img src="../images/other-video/02.jpg" alt="">
                    <span>00:48</span>
                  </div>
                  <span title="《小日子》沈榴榴遭遇职场歧视，霸气离职">《小日子》沈榴榴遭遇职场歧视，霸气离职</span>
                </li>
                <li>
                  <div class="short-video-img">
                    <img src="../images/other-video/03.jpg" alt="">
                    <span>00:51</span>
                  </div>
                  <span title="《小日子》周鱼霸总式告白顾茉莉！">《小日子》周鱼霸总式告白顾茉莉！</span>
                </li>
              </ul>
            </div>
            <div class="gengduo">全部</div>
          </div>
          <!-- 周边商品 -->
          <div class="goods">
            <div class="goods-header">
              <h1>周边商品</h1>
              <div class="pages">
                <i class="iconfont icon-xiangzuolajiantou" style="color: rgba(255, 255, 255, .2);"></i>
                <span style="color: rgba(255, 255, 255, .6);">1</span>
                <i class="iconfont icon-xiangyoulajiantou" style="color: rgba(255, 255, 255, .6);"></i>
              </div>
            </div>
            <div class="good-item-box-body">
              <div class="goods-item-box">
                <div class="goods-item">
                  <div class="goods-item-first">
                    <div class="goods-item-left">
                      <img src="../images/goods/01.jpg" alt="">
                    </div>
                    <div class="goods-item-right">
                      <div class="goods-item-right-title">好运吸引力</div>
                      <div class="goods-item-right-price">
                        <span>￥59</span>
                      </div>
                    </div>
                  </div>
                  <div class="goods-item-second">
                    <div class="goods-item-left">
                      <img src="../images/goods/02.jpg" alt="">
                    </div>
                    <div class="goods-item-right">
                      <div class="goods-item-right-title">桌面小绿植</div>
                      <div class="goods-item-right-price">
                        <span>￥38</span>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="goods-item">
                  <div class="goods-item-first">
                    <div class="goods-item-left">
                      <img src="../images/goods/03.jpg" alt="">
                    </div>
                    <div class="goods-item-right">
                      <div class="goods-item-right-title">摸鱼抱枕</div>
                      <div class="goods-item-right-price">
                        <span>￥38</span>
                      </div>
                    </div>
                  </div>
                  <div class="goods-item-second">
                    <div class="goods-item-left">
                      <img src="../images/goods/04.jpg" alt="">
                    </div>
                    <div class="goods-item-right">
                      <div class="goods-item-right-title">咖啡豆相框</div>
                      <div class="goods-item-right-price">
                        <span>￥39</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="gengduo" style="margin-top:10px;">去主会场</div>
          </div>
          <!-- 广告 -->
          <div class="ad">
            <div class="ad-header">
              <div class="ad-header-left">
                <span>免下载 电脑玩手游</span>
                <i class="iconfont icon-xiangyoulajiantou"></i>
              </div>
              <div class="ad-header-right">
                <span>广告</span>
                <i class="iconfont icon-shanchu"></i>
              </div>
            </div>
            <div class="ad-body">
              <div class="ad-body-left">
                <img src="../images/yuan.jpg" alt="">
                <div class="ad-body-left-text">
                  <span class="ad-body-left-text-title">元梦之星</span>
                  <span>正版合家欢派对游戏</span>
                </div>
              </div>
              <div class="ad-body-right">秒玩</div>
            </div>
            <div class="ad-body-bottom">
              <ul>
                <li></li>
                <li></li>
                <li></li>
                <li class="active"></li>
                <li></li>
                <li></li>
              </ul>
            </div>
          </div>
          <!-- 相关推荐 -->
          <div class="recommendations">
            <h2>相关推荐</h2>
            <div class="condition recommendations-text">
              <span class="active">喜欢本剧的也在看</span>
              <span>电视剧排行榜</span>
            </div>
            <div class="recommendations-item">
              <img src="../images/background-box/01/background.jpg" alt="">
              <div class="recommendations-item-body">
                <div class="pic-text">
                  <img src="../images/recommendation/pic01.jpg" alt="">
                  <div class="recommendations-item-body-text">
                    <h2>小日子</h2>
                    <span>2024 电视剧</span>
                  </div>
                </div>
                <div class="catch">
                  <i class="iconfont icon-menu-left"></i>
                  <span>追</span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 简介 -->
        <div class="jianjie">
          <div class="jianjie-top">
            <i class="iconfont icon-xiangzuolajiantou"></i>
            <span>小日子</span>
          </div>
          <div class="jianjie-content">
            <div class="playlist-intro-type">
              <i class="iconfont icon-redu"></i>
              <span>22583·内地·2024·婚姻生活·都市生活·家长里短</span>
            </div>
            <div class="playlist-intro-episode">全26集</div>
            <div class="jianjie-actor">
              <ul>
                <li>
                  <img src="../images/actor/01-/01.jpg" alt="">
                  <span class="name">陈晓</span>
                  <span>饰 朱劲草</span>
                </li>
                <li>
                  <img src="../images/actor/02-/02.jpg" alt="">
                  <span class="name">童瑶</span>
                  <span>饰 顾茉莉</span>
                </li>
                <li>
                  <img src="../images/actor/03-/03.jpg" alt="">
                  <span class="name">萨日娜</span>
                  <span>饰 张善亚</span>
                </li>
                <li>
                  <img src="../images/actor/04-/04.jpg" alt="">
                  <span class="name">颖儿</span>
                  <span>饰 沈榴榴</span>
                </li>
                <li>
                  <img src="../images/actor/05-/05.jpg" alt="">
                  <span class="name">乔振宇</span>
                  <span>饰 汪凌霄</span>
                </li>
                <li>
                  <img src="../images/actor/06-/06.jpg" alt="">
                  <span class="name">俞灏明</span>
                  <span>饰 江海涛</span>
                </li>
                <li>
                  <img src="../images/actor/07-/07.jpg" alt="">
                  <span class="name">杜海涛</span>
                  <span>饰 黄牵牛</span>
                </li>
              </ul>
            </div>
            <h3>简介</h3>
            <div class="brief-introduction">
              朱劲草和顾茉莉从老家一路奋斗到在上海扎根组建二人的家庭，但是婚姻带来了另外一个本该不是问题的问题——他们如何与父母相处。从个人空间的消失到买房事件，从与彼此父母产生分歧到两人之间也产生分歧。小日子处处充满了危机，到了不可收拾的地步，夫妻二人才发现是他们自己的原因。经历离婚冷静期后两人决定离婚，重新梳理家庭关系，伴随着离婚证的到来，属于小夫妻和双方家庭的挑战才刚刚开始。成长总是伴随着磕磕绊绊，二人在离婚后遇到了信任危机、财务危机、异地危机，也让他们更加明白了家庭的责任。随着问题的解决，双方的父母也明白了要学会放手让孩子自己成长，最终劲草和茉莉重归于好并复婚，更加坚定了一起走下去的信心。
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="../js/detail.js"></script>
</body>

</html>